<!DOCTYPE html>
<html>

<head>
    <title>Your Admin Panel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


    <!-- jQuery AND jQueryUI -->
    <script type="text/javascript" src="js/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript" src="js/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

    <!-- Compressed Version
        <link type="text/css" rel="stylesheet" href="min/b=CoreAdmin&f=css/reset.css,css/style.css,css/jqueryui/jqueryui.css,js/jwysiwyg/jquery.wysiwyg.old-school.css,js/zoombox/zoombox.css" />
        <script type="text/javascript" src="min/b=CoreAdmin/js&f=cookie/jquery.cookie.js,jwysiwyg/jquery.wysiwyg.js,tooltipsy.min.js,iphone-style-checkboxes.js,excanvas.js,zoombox/zoombox.js,visualize.jQuery.js,jquery.uniform.min.js,main.js"></script>
        -->
    <link rel="stylesheet" href="css/min.css" />
    <script type="text/javascript" src="js/min.js"></script>

</head>

<body>

    <script type="text/javascript" src="content/settings/main.js"></script>
    <link rel="stylesheet" href="content/settings/style.css" />

    <form>
        <div class="settings" id="settings">
            <div class="wrapper">
                <div class="grid3">
                    <div class="titre">Backgrounds</div>
                    <a href="url(css/img/bg.html" class="backgroundChanger active" title="White"></a>
                    <a href="url(css/img/dark-bg.html" class="backgroundChanger dark" title="Dark"></a>
                    <a href="url(css/img/wood.html" class="backgroundChanger dark" title="Wood"></a>
                    <a href="url(css/img/altbg/smoothwall.html" class="backgroundChanger" title="Smoothwall"></a>
                    <a href="url(css/img/altbg/black_denim.html" class="backgroundChanger dark" title="black_denim"></a>
                    <a href="url(css/img/altbg/carbon.html" class="backgroundChanger dark" title="Carbon"></a>
                    <a href="url(css/img/altbg/double_lined.html" class="backgroundChanger" title="Double lined"></a>
                    <div class="clear"></div>
                </div>
                <div class="grid3">
                    <div class="titre">Bloc style</div>
                    <a href="black.html" class="blocChanger" title="Black"
                        style="background:url(css/img/bloctitle.png);"></a>
                    <a href="white.html" class="blocChanger active" title="White"
                        style="background:url(css/img/white-title.png);"></a>
                    <a href="wood.html" class="blocChanger" title="Wood"
                        style="background:url(css/img/wood-title.jpg);"></a>
                    <div class="clear"></div>
                </div>
                <div class="grid3">
                    <div class="titre">Sidebar style</div>
                    <a href="grey.html" class="sidebarChanger active" title="Grey" style="background:#494949"></a>
                    <a href="black.html" class="sidebarChanger" title="Black" style="background:#262626"></a>
                    <a href="white.html" class="sidebarChanger" title="White" style="background:#EEEEEE"></a>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
            <a class="settingbutton" href="#">

            </a>
        </div>
        <!--              
                HEAD
                        -->
        -->
        <div id="head">
            <div class="left">
                <a href="#" class="button profile"><img src="img/icons/top/huser.png" alt="" /></a>
                Hi,
                <a href="#">John Doe</a>
                |
                <a href="#">退出</a>
            </div>
            <div class="right">
                <form action="#" id="search" class="search placeholder">
                    <label>查询</label>
                    <input type="text" value="" name="manager_name" class="text" />

                    <input type="submit" value="rechercher" class="submit" />
                </form>
            </div>
        </div>


        <!--            
                                SIDEBAR
                                         -->
        <div id="sidebar">
            <ul>
                <li>
                    <a href="../manager1/index.html">
                        <img src="img/icons/menu/inbox.png" alt="" />
                        系统首页
                    </a>
                </li>
                <li class="current"><a href="#"><img src="img/icons/menu/layout.png" alt="" /> 图片管理</a>
                    <ul>


                        <li><a href="imageType.html?p=imagertype">类别信息</a></li>
                        <li><a href="image.html?p=imager">图片信息</a></li>

                    </ul>
                </li>
                <li><a href="#"><img src="img/icons/menu/brush.png" alt="" />用户管理</a>
                    <ul>
                        <li><a href="user.html?p=user">用户信息</a></li>
                        <li><a href="#">Fake menu #2</a></li>
                        <li><a href="#">Fake menu #3</a></li>
                    </ul>
                </li>
                <li><a href="#"><img src="img/icons/menu/brush.png" alt="" /> 管理员管理</a>
                    <ul>
                        <li><a href="manager.html?p=manager">管理员信息</a></li>
                        <li><a href="#">Fake menu #2</a></li>
                        <li><a href="#">Fake menu #3</a>

                        </li>
                    </ul>
                </li>
                <li class="nosubmenu"><a href="#"><img src="img/icons/menu/lab.png" alt="" />系统管理</a>
                </li>
                <li class="nosubmenu"><a href="modal.html" class="zoombox w450 h700"><img
                            src="img/icons/menu/comment.png" alt="" /> 消息管理</a></li>
            </ul>


        </div>




        <!--            
              CONTENT 
                        -->
        <div id="content" class="white">
            <div>
                <h1 style="display: inline-block;"><img src="img/icons/posts.png" alt="" /> ImagerTable</h1>
                <table style="width: 500px; margin: 0 auto;">
                    <tr>

                        <td>
                            <label>姓名</label>
                            <input type="text" value="" name="manager_name" class="text" />
                        </td>
                        <td> 状态：</td>
                        <td style="width: 30px;"><select name="manager_status" class="form-control">
                                <option value="">请选择状态</option>
                                <option value="正常" selected>正常</option>
                                <option value="停用">停用</option>
                            </select></td>
                        <td> <input type="submit" value="查询" class="submit" />
                        </td>
                        </td>
                    </tr>
                </table>


            </div>
            <div class="bloc">
                <div class="title">
                    管理员信息
                </div>
                <div class="content">
                    <table>
                        <thead>
                            <tr>
                                <th><input type="checkbox" class="checkall" /></th>
                                <th>管理员id</th>
                                <th>管理员姓名</th>
                                <th>管理员状态</th>
                                <th>管理员role</th>
                                <th><img src="img/th-comment.png" alt="" /></th>
                                <th>编辑</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="checkbox" /></td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td><a href="#">Grafikart</a></td>
                                <td><a href="#">Dolor</a> , <a href="#">Amet</a></td>
                                <td><a href="#">Consecte</a> , <a href="#">Adipiscin</a>, <a href="#">Elit</a></td>
                                <td>35</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="left input">
                        <select name="action" id="tableaction">
                            <option value="">Action</option>
                            <option value="delete">Delete</option>
                        </select>
                    </div>
                    <div class="pagination">
                        <a href="#" class="prev">«</a>
                        <a href="#">1</a>
                        <a href="#" class="current">2</a>
                        ...
                        <a href="#">21</a>
                        <a href="#">22</a>
                        <a href="#" class="next">»</a>
                    </div>
                </div>
            </div>



            <div class="bloc">
                <div class="title">
                    Table Content with pictures
                </div>
                <div class="content">
                    <table>
                        <thead>
                            <tr>
                                <th>Picture</th>
                                <th>Title</th>
                                <th>Link</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="picture" style="width:140px;"><a
                                        href="../../../lorempixum.com/800/600/food/0/index25b2.html?.jpg"
                                        class="zoombox"><img src="http://lorempixum.com/100/100/food/0" alt="" /></a>
                                </td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td>
                                    <script type="text/javascript">< !--
                                            google_ad_client = "ca-pub-3413404722490728";
                                        /* postscript728+90postscript.html */
                                        google_ad_slot = "9238639693";
                                        google_ad_width = 728;
                                        google_ad_height = 90;
//-->
                                    </script>
                                    <script type="text/javascript"
                                        src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                                        </script>
                                </td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:140px;"><a
                                        href="../../../lorempixum.com/800/600/food/1/index25b2.html?.jpg"
                                        class="zoombox"><img src="http://lorempixum.com/100/100/food/1" alt="" /></a>
                                </td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td>http://lorempixum.com/800/600/food/1</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:140px;"><a
                                        href="../../../lorempixum.com/800/600/food/2/index25b2.html?.jpg"
                                        class="zoombox"><img src="http://lorempixum.com/100/100/food/2" alt="" /></a>
                                </td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td>http://lorempixum.com/800/600/food/2</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:140px;"><a
                                        href="../../../lorempixum.com/800/600/food/3/index25b2.html?.jpg"
                                        class="zoombox"><img src="http://lorempixum.com/100/100/food/3" alt="" /></a>
                                </td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td>http://lorempixum.com/800/600/food/3</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:140px;"><a
                                        href="../../../lorempixum.com/800/600/food/4/index25b2.html?.jpg"
                                        class="zoombox"><img src="http://lorempixum.com/100/100/food/4" alt="" /></a>
                                </td>
                                <td><a href="#">Lorem ipsum</a></td>
                                <td>http://lorempixum.com/800/600/food/4</td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>



            <div class="bloc">
                <div class="title">
                    Last comments
                </div>
                <div class="content">
                    <table class="noalt">
                        <tbody>
                            <tr>
                                <td class="picture" style="width:80px;"><img src="img/anonymous.png" alt="" /></td>
                                <td>
                                    <p>
                                        <strong><a href="#">John Doe</a></strong><br />
                                        <em>December 24, at 22:13 - <a href="#">Reply</a></em><br />
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nulla
                                        sapien, quis luctus felis. Fusce sodales tempus tincidunt. Lorem ipsum dolor sit
                                        amet, consectetur adipiscing elit. Nullam non nulla sapien, quis luctus felis.
                                        Fusce sodales tempus tincidunt.
                                    </p>
                                </td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:80px;"><img src="img/anonymous.png" alt="" /></td>
                                <td>
                                    <p>
                                        <strong><a href="#">John Doe</a></strong><br />
                                        <em>December 24, at 22:13 - <a href="#">Reply</a></em><br />
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nulla
                                        sapien, quis luctus felis. Fusce sodales tempus tincidunt. Lorem ipsum dolor sit
                                        amet, consectetur adipiscing elit. Nullam non nulla sapien, quis luctus felis.
                                        Fusce sodales tempus tincidunt.
                                    </p>
                                </td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:80px;"><img src="img/anonymous.png" alt="" /></td>
                                <td>
                                    <p>
                                        <strong><a href="#">John Doe</a></strong><br />
                                        <em>December 24, at 22:13 - <a href="#">Reply</a></em><br />
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nulla
                                        sapien, quis luctus felis. Fusce sodales tempus tincidunt. Lorem ipsum dolor sit
                                        amet, consectetur adipiscing elit. Nullam non nulla sapien, quis luctus felis.
                                        Fusce sodales tempus tincidunt.
                                    </p>
                                </td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:80px;"><img src="img/anonymous.png" alt="" /></td>
                                <td>
                                    <p>
                                        <strong><a href="#">John Doe</a></strong><br />
                                        <em>December 24, at 22:13 - <a href="#">Reply</a></em><br />
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nulla
                                        sapien, quis luctus felis. Fusce sodales tempus tincidunt. Lorem ipsum dolor sit
                                        amet, consectetur adipiscing elit. Nullam non nulla sapien, quis luctus felis.
                                        Fusce sodales tempus tincidunt.
                                    </p>
                                </td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                            <tr>
                                <td class="picture" style="width:80px;"><img src="img/anonymous.png" alt="" /></td>
                                <td>
                                    <p>
                                        <strong><a href="#">John Doe</a></strong><br />
                                        <em>December 24, at 22:13 - <a href="#">Reply</a></em><br />
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nulla
                                        sapien, quis luctus felis. Fusce sodales tempus tincidunt. Lorem ipsum dolor sit
                                        amet, consectetur adipiscing elit. Nullam non nulla sapien, quis luctus felis.
                                        Fusce sodales tempus tincidunt.
                                    </p>
                                </td>
                                <td class="actions"><a href="#" title="Edit this content"><img
                                            src="img/icons/actions/edit.png" alt="" /></a><a href="#"
                                        title="Delete this content"><img src="img/icons/actions/delete.png"
                                            alt="" /></a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

    </form>
</body>

</html>